.header {
  height: 60px;
  background: #31353d;
  box-shadow: 0 2px 6px 0 rgba(234, 239, 247, 0.60);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 24px;
  padding-right: 20px;

  .qleft {
    display: flex;
    align-items: center;

    .qlogo {
      display: flex;
      align-items: center;

      img {
        width: 144px;
        height: 24px;
      }
    }

    .qprojects {
      width: 180px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      background: #40444D;
      border-radius: 4px;
      margin-left: 27px;
      font-size: 14px;
      color: #FFFFFF;
      padding-left: 16px;
    }

    .qporojectsManger {
      height: 20px;
      line-height: 20px;
      padding-left: 18px;
      margin-left: 18px;
      font-size: 14px;
      color: #9B8FFF;
      border-left: 1px solid #5F6164;
      cursor: pointer;
    }
  }

  .qdown {
    font-size: 14px;
    color: #9BA0B0;
  }



}

.sider {
  width: 175px;
  height: calc(100vh - 60px);
  background: #fbfbfd;

  &::-webkit-scrollbar {
    display: none;
  }
}

.content {
  background: #f5f7fa;
  padding-left: 27px;
  width: calc(100vw - 200px);
  height: calc(100vh - 60px);
  overflow: scroll;

  &::-webkit-scrollbar {
    display: none;
  }
}